<html lang="zh">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>animate.css动画库练习</title>
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css"
    />
    <style>
      div {
        background-color: #ccc;
        border-radius: 10px;
        margin: 20px auto;
        width: 600px;
        padding: 20px;
        line-height: 1.5;
      }

      h2 {
        animation-delay: 2s;
      }

      p {
        animation-delay: 2.5s;
      }
    </style>
  </head>

  <body>
    <div>
      <h1 class="animated jello">杨澎锴就很棒是不是？</h1>
      <h2 class="animated jello">Example</h2>
      <p class="animated jello">
        他认真的完成作业，付出努力和行动来面对自己想法和目标，就是特别特别的棒！有个性！
      </p>
    </div>
  </body>
</html>
